{% extends 'home/pub/base.html' %}

{% block zidingyi %}
<link rel="stylesheet" type="text/css" href="./static/home/public/css/order.css">
<link rel="stylesheet" type="text/css" href="./static/home/public/css/order-app.css">
{% endblock %}






{% block content %}

<div class="container">
			<!-- 面包屑导航 -->
			<div class="crumbs col-xs-12 col-sm-12">
				<ol class="breadcrumb">
					<li class="hidden-xs hidden-sm"><a href="/">首页</a></li>
					<li class="hidden-xs hidden-sm"><a href="/member">我的商城</a></li>
					<li class="active">我的订单</li>
				</ol>
			</div><!-- 面包屑导航 E-->

			<div class="main clearfix">
				<!-- 左侧导航 -->
				<div class="left-nav f-fl col-md-4 hidden-xs hidden-sm">
					<div class="nav-main">
						<a href="javascript:;" class="type-title"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>订单中心</a>
						<a href="/myorder" class="ml active">我的订单</a>
						<a href="#" class="ml ">我的回购单</a>
						<a href="#" class="ml ">我的意外保</a>
						<a href="/member" class="type-title"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>个人中心</a>
						<a href="/member/addlist" class="ml ">地址管理</a>
						<a href="#" class="ml ">我的收藏</a>
						<a href="#" class="ml ">消息提醒</a>
						<a href="#" class="ml ">建议反馈</a>
					</div>
				</div><!-- 左侧导航 E-->
				<!-- 右侧内容展示 -->
				<div class="right-content f-fr col-md-8 col-xs-12 col-sm-12">
					<div class="order-main">
						<div class="type-tab-btn">
							<a href="javascript:;" class="allOrder active col-20" data-type="-1">全部订单</a><i class="line hidden-xs hidden-sm">|</i>
							<a class="waitPay col-20" href="javascript:;" data-type="0">待付款<span class="amount _actAmount"></span></a><i class="line hidden-xs hidden-sm">|</i>
							<a class="waitDeliver col-20" href="javascript:;" data-type="1">待发货</a><i class="line hidden-xs hidden-sm">|</i>
							<a class="hasDeliver col-20" href="javascript:;" data-type="2">已发货</a><i class="line hidden-xs hidden-sm">|</i>
							<a class="other col-20" href="javascript:;" data-type="99">已收货</a>
						</div>
						<div class="list-head hidden-xs hidden-sm">
                        <ul class="clearfix">
                            <li class="w50">
                                <select id="checkType" class="check-type">
                                    <option value="0">近三个月的订单</option>
                                    <option value="1">全部订单</option>
                                </select>
                                订单明细
                            </li>
                            <li class="w125">售后</li>
                            <li class="w125">金额</li>
                            <li class="w125">状态</li>
                            <li class="w125">操作</li>
                        </ul>
						</div>
						<div id="tableList" class="type-contain ui-load-container">
							<div class="ui-load-content"><input id="unPayNum" value="0" type="hidden">
								<table class="orderItem">
									<tbody>
                                        <!--for 一层-->
                                        {% for i in orders%}
										<tr class="trHead hidden-xs hidden-sm">
											<td colspan="4" class="title clearfix">
											  <div class="f-fl">下单时间：<span class="time">{{ i.addtime|date:'Y-m-d- H:i:s' }}</span>订单号：<span class="orderNumber">2018 {{ i.id }}</span>
											  </div>
											</td>
										</tr>
										<tr class="list-box b-l b-r b-b">
											<td class="list b-r j-iamCart">
												<div class="cart-wrap j-CartWrap">
													<div class="shop j-shop j-amLight">
                                                        <!--for 二层 循环遍历开始 -->
                                                        {% for ii in i.orderinfo_set.all %}
														<div class="item b-t clearfix j-item j-iamMain">
															<a class="productDetail nameWidth col-xs-4 col-sm-4" href="{% url 'goodsinfo' ii.gid.id %}" target="_blank">
																<img src="{{ ii.gid.pic }}" class="f-fl">
															</a>
															<div class="describe f-fl col-xs-8 col-sm-8">
																<div class="vertic clearfix">
																	<span class="clearfix">
																		<a class="productDetail nameWidth" href="{% url 'goodsinfo' ii.gid.id %}" target="_blank">
																		<i>{{ ii.gid.title }}</i></a>
																		<p>
																		￥ {{ ii.gid.price }}
																		</p>
																	</span>
																</div>
															</div>
															<input class="orderSn" value="51090244361541573081" type="hidden">
															<input class="isCart" value="1" type="hidden">
															<input class="orderSnSon" value="21090244361541575081" type="hidden">
														</div>
                                                        {% endfor %}
													</div>
												</div>
											</td>
											<td class="b-r w125 center price b-t hidden-xs hidden-sm">
												<div class="priceDiv">
													￥ {{ i.totalprice }}

												</div>
											</td>
											<td class="b-r w125 center state b-t hidden-xs hidden-sm">
												<div class="stateDiv">
                                                    {% if i.status == 1 %}
													   		<div>待付款<br></div>
                                                    {% elif i.status == 2 %}
                                                        	<div>待发货<br></div>
                                                    {% elif i.status == 3 %}
                                                        	<div>已发货<br></div>
                                                    {% elif i.status == 4 %}
                                                        	<div>已收货<br></div>
                                                    {% endif %}
												</div>
											</td>
											<td class="w125 center opreat b-t hidden-xs hidden-sm">
												<ul>
													<li class="more"><a href="{% url 'orderdel' i.id %}" >取消订单</a></li>
												</ul>
											</td>
										</tr>
                                        {% endfor %}
									</tbody>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

{% endblock %}